<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
	<title>走秀首页</title>
	<link rel="stylesheet" href="../css/reset.css">
	<link rel="stylesheet" href="../css/shouye.css">
	<link rel="stylesheet" href="../css/swiper.min.css">
</head>
<body> 
	<header>
		<p>ZXIU  走秀网</p>
	</header>
	<section class="content">
		<!-- 搜索框 -->
		<div class="search">
			<p>
				<span><img src="../img/bg.png" ></span>
				<input type="text" placeholder="请输入搜索内容">
			</p>
		</div>
		<!-- 广告图片轮播 -->
		<div class="banner">
			<div class="swiper-container">
			  <div class="swiper-wrapper">
			    <div class="swiper-slide"><img src="../img/banner-img1.png"></div>
			    <div class="swiper-slide"><img src="../img/banner-img1.png"></div>
			    <div class="swiper-slide"><img src="../img/banner-img1.png"></div>
			  </div>
			</div>
		</div>

		<!-- 商品内容列表 -->
		<div class="menu">
			<div class="imgs">
				<img src="../img/menu-imgs.png">
			</div>
			<div class="wenzi">
				<p class="title">0元大抽奖！走秀携古尔莎为你开启，价值28880元土耳其</p>
				<p class="sell">&yen; 0<span>&yen;28880</span></p>
				<p class="zhekou">0折</p>
				<i><img src="../img/bt-gwc.png"</i>
			</div>
		</div>
		<div class="menu">
			<div class="imgs">
				<img src="../img/menu-imgs.png">
			</div>
			<div class="wenzi">
				<p class="title">0元大抽奖！走秀携古尔莎为你开启，价值28880元土耳其</p>
				<p class="sell">&yen;0<span>&yen;28880</span></p>
				<p>0折</p>
				<i><img src="../img/bt-gwc.png"</i>
			</div>
		</div>
		<div class="menu">
			<div class="imgs">
				<img src="../img/menu-imgs.png">
			</div>
			<div class="wenzi">
				<p class="title">0元大抽奖！走秀携古尔莎为你开启，价值28880元土耳其</p>
				<p class="sell">&yen;0<span>&yen;28880</span></p>
				<p>0折</p>
				<i><img src="../img/bt-gwc.png"</i>
			</div>
		</div>
		<div class="menu">
			<div class="imgs">
				<img src="../img/menu-imgs.png">
			</div>
			<div class="wenzi">
				<p class="title">0元大抽奖！走秀携古尔莎为你开启，价值28880元土耳其</p>
				<p class="sell">&yen;0<span>&yen;28880</span></p>
				<p>0折</p>
				<i><img src="../img/bt-gwc.png"</i>
			</div>
		</div> 
		<div class="menu">
			<div class="imgs">
				<img src="../img/menu-imgs.png">
			</div>
			<div class="wenzi">
				<p class="title">0元大抽奖！走秀携古尔莎为你开启，价值28880元土耳其</p>
				<p class="sell">&yen;0<span>&yen;28880</span></p>
				<p>0折</p>
				<i><img src="../img/bt-gwc.png"</i>
			</div>
		</div> 
		<div class="menu">
			<div class="imgs">
				<img src="../img/menu-imgs.png">
			</div>
			<div class="wenzi">
				<p class="title">0元大抽奖！走秀携古尔莎为你开启，价值28880元土耳其</p>
				<p class="sell">&yen;0<span>&yen;28880</span></p>
				<p>0折</p>
				<i><img src="../img/bt-gwc.png"</i>
			</div>
		</div> 
	</section>
	
	<footer>
		<ul class="footer-nav">
			<li class="show">
				<i><img src="../img/tab-shou.png"></i>
				<p>首页</p>
			</li>
			<li>
				<i><img src="../img/tab-fen.png"></i>
				<p>分类</p>
			</li>
			<li>
				<i><img src="../img/tab-gou.png"></i>
				<p>购物车</p>
			</li>
			<li>
				<i><img src="../img/tab-xiu.png"></i>
				<p>我的秀</p>
			</li>
			<li>
				<i><img src="../img/tab-geng.png"></i>
				<p>更多</p>
			</li>
		</ul>
	</footer>

	<script src="../js/zepto.min.js"></script>
	<script src="../js/swiper.min.js"></script>
	<script src="../js/jquery-2.2.4.min.js"></script>
	<script> 
		var mySwiper = new Swiper('.swiper-container', {
			autoplay: 2000,
		})
	</script> 
	<script type="text/javascript" src="../js/tiaozhuan.js"></script>
</body>
</html>../